<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2062008_cxci4ayj9vv.css">
</head>
<body>
    <div class="head">
        <div class="head-top-box">
            <div class="head-top">
                <ul class="top_left">
                    <li>欢迎来到聚美</li>
                    <li class="login_li"><a href="./login.html">请登录</a></li>
                    <li class="zhuce_li"><a href="">快速注册</a></li>
                </ul>
                <ul class="top_left_hide">
                    <li>
                        <span>欢迎您,</span>
                        <p>yan</p>
                        <i>[<a href="#">退出</a>]</i>
                    </li>
                </ul>
                <ul class="top_right">
                    <li class="right_more">
                        <a href="">更多 <p class="iconfont icon-icon_arrowdown"></p></a>
                        <div>
                            <ol><a href="#">邀请好友</a></ol>
                            <ol><a href="#">加入收藏</a></ol>
                            <ol><a href="#">新浪微博</a></ol>
                            <ol><a href="#">聚美微信</a></ol>
                            <ol><a href="#">百度贴吧</a></ol>
                            <ol><a href="#">腾讯微博</a></ol>
                            <ol><a href="#">人人公众主页</a></ol>
                        </div>
                    </li>
                    <li><span>|</span><a href="" class="phone iconfont icon-shouji">手机聚美</a><span>|</span></li>
                    <li class="me_jm clearfix">
                        <a href="">我的聚美<p class="iconfont icon-icon_arrowdown"></p></a>
                        <div>
                            <ol><a href="#">我的订单</a></ol>
                            <ol><a href="#">我的现金券</a></ol>
                            <ol><a href="#">我的红包</a></ol>
                            <ol><a href="#">我的余额</a></ol>
                            <ol><a href="#">我的提现</a></ol>
                            <ol><a href="#">我的退款</a></ol>
                            <ol><a href="#">我的收藏</a></ol>
                            <ol><a href="#">我的心愿单</a></ol>
                            <ol><a href="#">会员中心</a></ol>
                        </div>
                    </li>
                    <li><a href="" class="iconfont icon-xinheart118">收藏的品牌</a></li>
                    <li><a href="">订单查询</a></li>
                    <li><a href="">正品保证</a></li>

                </ul>
            </div>
        </div>
        <div class="head-center-box">
            <div class="head-center clearfix">
                <h1 class="log">
                    <a href=""></a>
                </h1>
     
                <div class="shopping-cart">
                    <a href="" class="shopping_cart_a">
                        <img src="http://p0.jmstatic.com/assets/cart.gif" alt="">
                        <span>去购物车结算</span>
                        <p class="iconfont icon-icon_arrowdown"></p>
                    </a>
                    <div class="cart">
                        <div class="cart_shopping">

                        </div>
                    </div>
                    <span class="num">
                        
                    </span>
                </div>
            </div>
        </div>

        <div class="head-nav">
            <nav>
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">极速免税店</a></li>
                    <li><a href="">母婴特卖</a></li>
                    <li class="icon_prant">
                        <a href="">美妆商城 <p class="iconfont icon-icon_arrowdown"></p></a>
   
                    </li>
                    <li><a href="">国际轻奢</a></li>
                    <li><a href="">服装运动</a></li>
                    <li><a href="">鞋包配饰</a></li>
                </ul>
                <div class="hide_nav">

                </div>
                <div>
                    <span></span>
                    <span></span>
                </div>
            </nav>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class="center-box">
        <div class="center">
            <div class="center_top">


            </div>
        </div>
    </div>
</body>


<script src="../lib/template-web.js"></script>
<script type="text/html" id="cart_tmp">
    <p>已超过购物车商品保留时间，请尽快结算</p>
    <ul>
    {{ each list}}
     <li>
         <a href=""><img src={{$value.deal_img}} alt=""></a>
         <div>
             <p> {{$value.deal_tit}}</p>
             {{ if $value.deal_global }}
             <span>￥{{ $value.deal_global.price_home }}</span>
             <span>x</span>
             <span>{{$value.report_number * 1 + 1}}</span>
             {{ else }}
             <span>￥{{ $value.deal_group.price_dis.toFixed(2) }}</span>
             <span>x</span>
             <span>{{$value.report_number * 1 + 1}}</span>
             {{ /if }}

         </div>
     </li>
     {{ /each}}
    </ul>       
     <div class="shapp_number">
         <div>
            
             <p class="number_p1">共<span> {{ num }} </span>件商品</p>
             <p class="number_p2">共计<span>￥{{ price.toFixed(2) }}</span></p>
         </div>
         <button class="go_cart">去购物车结算</button>
     </div> 
</script>
<script type="text/html" id="tmp_nav">

    <div>
        <a href="">
            <img src="http://p0.jmstatic.com/banner/3481/30573_254_135_003-web.jpg" alt="">
        </a>
        <a href="">
            <img src="http://p0.jmstatic.com/banner/3481/30573_254_135_005-web.jpg" alt="">
        </a>
    </div>
    <div class="hide_nav_ul">
        {{ each arr v }}
            <dl>
                <dt><a>{{v}}</a></dt>
                {{ each list item }}
                    {{ if  item.tager == v }}
                    <dd><a href=" {{ item.url}} "> {{ item.name }} </a></dd>
                    {{ /if }}
                {{ /each }}
            </dl>
            {{ /each  }}
        </div>
    </script>
<script type="text/html" id="tmp">
        <div class="center_top_left">
            <img src= '{{ data.deal_img  }}' alt="">
            <div class="magnBox">

            </div>
        </div>
        <div class="center_top_right">
            <h1> 
                    {{ data.deal_tit }} 
            </h1>    
            {{  if data.deal_global }}
            <div class="center_price"> ￥ {{ data.deal_global.price_home }}</div>
            {{ else }}
            <div class="center_price"> ￥ {{ data.deal_group.price_dis}} </div>
            {{ /if }}
            <div class="center_zengsong">
                <span>满赠</span>
                <p>满176元赠cosme大赏推荐娜斯丽Nursery日本柚子化妆爽肤水500ml敏感肌可用</p>
            </div>
            <div class="center_change">
                <div>
                    <span>运单</span>
                    <p>单商家订单满159元包邮</p>
                </div>
            </div>
            <div class="center_server clearfix">
                <span>服务</span>
                <ul class="clearfix">
                    <li>质量保险<span>|</span></li>
                    <li>本商品不支持退货<span>|</span></li>
                    <li>本商品不支持换货<span>|</span></li>
                    <li>闪电发货</li>
                </ul>
            </div>
            <div class="center_num clearfix">
                <span>数量</span>
                <div>
                    <input class='center_inp' type="text" value="1">
                    <a class='center_num+' chref="javascript:;">+</a>
                    <a class='center_num-' href="javascript:;">-</a>
                </div>
            </div>
            <div class="center_btn">
                <button class="tianjia_btn">
                    <i></i>
                    加入购物车
                </button>
            </div>          
        </div>
        <div class="center_hide">
            <img class="center_hide_img" src='{{ data.deal_img  }}' alt="">
        </div>
        <div class="center_foot">
            <ul>
                <li>
                    <img src= "{{ data.deal_img }}" alt="">
                </li>
            </ul>
        </div>
</script>
<script src="../lib/jquery/jquery.min.js"></script>
<script src="../js/public.js"></script>
<script src="../js/details.js"></script>
</html>